@CHARSET "UTF-8";
/*主体部分*/
.content{
	width:760px;/*根据列表中的图片的大小和右侧查询窗口的大小设置的宽度*/
	margin: 0 auto;
}
/*设置所有超链接的图片的样式*/
.content a img{
	padding:5px;
	background: #20B2AA;
	/*设置图片边框*/
	border: 1px #FFA500 solid;
}
/*设置所有超链接图片鼠标划入时的样式*/
.content a:HOVER img{
	padding:5px;
	background: #87CEFA;
	border: 1px #FFA500 solid;
}
/*设置mainconent的样式*/
.maincontent{
	width: 540px;/*根据分类推荐中图片的宽度设置的div的宽度*/
	float:left;  /*设置浮动效果，让导航栏显示在右侧*/
}
/*设置maincontent中标题的样式*/
.maincontent h2{
	color:#87CEFA;/*字体颜色*/
	border-bottom: 1px #FFA500 solid;/*下方边界线*/
	/*在底部的右侧添加图片*/
	background: url("../img/rose.png") no-repeat bottom right;
}
/*今日推荐的图片样式*/
.left-img{
	float:left;
	margin-right: 10px;
}
/*最受欢迎的图片样式*/
.right-img{
	float:right;
	margin-left: 10px;
}
/*分类推荐的图片样式*/
.listimg li{
	float:left;
	width:160px;
	margin: 0 10px;
}
.maincontent p{
	margin: 10px;
}
/*给右侧内容div添加样式*/
.rightcontent{
	float:right;/*浮动在右侧*/
	width:186px;/*跟要显示的背景图片的宽度一致*/
	margin-top: 20px;
	margin-right: 10px;
	
}
/*右侧每个div的背景图片*/
.rightcontent div{
	margin-top: 20px;
	background: url("../img/sidebox-bottom.png") no-repeat bottom;
	width:100%;
}
.rightcontent div span{
	background: url("../img/sidebox-top.png") no-repeat;
	padding:10px;/*内边距*/
	display: block;
}
/*表单样式设置*/
.searchBox{/*居中显示内容*/
	text-align: center;
}
.invalue{
	width: 160px;
} 
.searchBox input{
	margin: 5px 0;

}
/*设置标题的样式 居中，外边距0*/
.rightcontent h2{
	margin: 0;
	text-align: center;
	color:#008080;
}
/*设置产品分类中列表项的样式
  顶部边框，图片，字体颜色
*/
.menubox li{
	border-top: 1px white solid;
	height:25px;
	font-size:13px;
	/*行高和高度设置的是一致的，文字垂直方向居中*/
	line-height: 25px;
}
.menubox li a{
	color:#008080;/*字体颜色*/
	/*添加图片并将图片向右侧移动10px*/
	background: url("../img/menu-bullet.png") no-repeat 10px;
	display:block;/*修改为块标签*/
	padding-left:35px; /*文字向右侧移动*/
}
.menubox li a:HOVER{
	color:#008080;/*字体颜色*/
	/*背景色*/
	background:white url("../img/menu-bullet.png") no-repeat 10px;
	display:block;/*修改为块标签*/
	padding-left:35px; /*文字向右侧移动*/
}






